<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="../img/logo02.png" rel="icon" type="image/x-icon">
    <link rel="stylesheet" href="../plugin/layui/css/layui.css">
    <!--    <link rel="stylesheet" type="text/less" href="../less/style.less">-->
    <link rel="stylesheet" type="text/less" href="../less/style.css">
    <script src="../plugin/jQuery/jquery-2.2.3.min.js"></script>
    <script src="../plugin/less-3.10.0.min.js"></script>
    <script src="../plugin/layui/layui.js"></script>
    <title>乐旅后台管理系统</title>
</head>
<!--<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onbeforecopy="return false"-->
<!--      oncopy=document.selection.empty() onselect=document.selection.empty()>-->
<body>
<div class="layui-fluid login " id="home">
       <section class="video-box ">
           <video style="cursor: pointer" id="video" src="../asset/video.mp4" width="100%" controls preload autoplay>

           </video>
           <i class="layui-icon layui-icon-close" id="close"></i>
       </section>
    <div class="layui-container">

        <div class="left">
            <div>乐旅亲子API</div>
            <div>乐旅亲子NodeJs版API</div>
            <div>本项目仅供学习和测试使用...</div>
            <div>共80+接口，最后更新时间：2020.04.15</div>
            <!--             <div>BY-&#45;&#45;&#45;&#45;dk</div>-->
            <a style="font-size: 2em;color: #34495e;margin-top: 30px;display: block"
               href="https://www.lanzous.com/b0ejjm3eh ">点击下载apk </a>

            <div class="update">更新日志</div>


        </div>
        <div class="right">
            <header>
                <img id="logo" style="cursor: pointer" src="../img/logo.png" alt="">
            </header>
            <ul>
                <li>
                    <button class="loginClick api">进入API</button>
                </li>
                <li>
                    <button class="loginClick man">进入后台管理</button>
                </li>
            </ul>
        </div>
        <div class="updateInfo">
            <i class="layui-icon layui-icon-close updateInfo-close"></i>
            <ul class="layui-timeline">
                <li class="layui-timeline-item">
                    <i class="layui-icon layui-timeline-axis"></i>
                    <div class="layui-timeline-content layui-text">
                        <div class="layui-timeline-title">
                            <h2>更新日志</h2>
                        </div>
                        <ul>
                            <li>
                                <h3 class="timeline-h3"> 2020.04.15</h3>
                                <ul>
                                    <li class="timeline-li">[修复] 修复部分已知bug</li>

                                </ul>
                            </li>
                            <li>
                                <h3 class="timeline-h3"> 2020.03.19</h3>
                                <ul>
                                    <li class="timeline-li">[新增] 添加后台通知发送、删除、查看功能</li>

                                </ul>
                            </li>
                            <li>
                                <h3 class="timeline-h3"> 2020.03.16</h3>
                                <ul>
                                    <li class="timeline-li">[新增] 系统消息接收接口添加头像名字字段</li>
                                    <li class="timeline-li">[新增] 后台系统消息发送功能</li>
                                    <li class="timeline-li">[新增] APP检测更新接口</li>
                                </ul>
                            </li>
                            <li>
                                <h3 class="timeline-h3"> 2020.03.02</h3>
                                <ul>
                                    <li class="timeline-li">[修复] 修复聊天记录接口</li>
                                    <li class="timeline-li">[修复] 修复商家上传证件照接口</li>
                                </ul>
                            </li>
                            <li>
                                <h3 class="timeline-h3"> 2020.02.29</h3>
                                <ul>
                                    <li class="timeline-li">[新增] 获取聊天记录接口</li>

                                </ul>
                            </li>
                            <li>
                                <h3 class="timeline-h3"> 2020.02.26</h3>
                                <ul>
                                    <li class="timeline-li">[新增] 管理员注册</li>
                                    <li class="timeline-li">[修复] 修复接口Bug</li>
                                    <li class="timeline-li">[修复] 完善数据类型</li>
                                </ul>
                            </li>
                            <li>
                                <h3 class="timeline-h3"> 2020.02.25</h3>
                                <ul>
                                    <li class="timeline-li">[新增] 邮箱验证码</li>
                                    <li class="timeline-li">[新增] redis数据缓存</li>
                                    <li class="timeline-li">[修复] 完善数据类型</li>
                                </ul>
                            </li>
                            <li>
                                <h3 class="timeline-h3">2020.02.03</h3>
                                <ul>
                                    <li class="timeline-li">[新增] 密码md5加密</li>
                                </ul>
                            </li>
                            <li>
                                <h3 class="timeline-h3">2020.02.03</h3>
                                <ul>
                                    <li class="timeline-li">[新增] 密码md5加密</li>
                                </ul>
                            </li>
                            <li>
                                <h3 class="timeline-h3">2020.02.06</h3>
                                <ul>
                                    <li class="timeline-li">[修复] 修复添加资源接口</li>
                                </ul>
                            </li>
                            <li>
                                <h3 class="timeline-h3">2020.01.21</h3>
                                <ul>
                                    <li class="timeline-li">[新增] 搜索接口</li>
                                </ul>
                            </li>
                            <li>
                                <h3 class="timeline-h3">2020.01.06</h3>
                                <ul>
                                    <li class="timeline-li">[测试] 测试部分接口寻找bug</li>

                                </ul>
                            </li>
                            <li>
                                <h3 class="timeline-h3">2020.01.03</h3>
                                <ul>
                                    <li class="timeline-li">[修复] 活动管理界面</li>

                                </ul>
                            </li>
                            <li>
                                <h3 class="timeline-h3">2019.12.30 </h3>
                                <ul>
                                    <li class="timeline-li">[修复] 修复转发接口bug</li>
                                    <li class="timeline-li">[修复] 接口添加订单id</li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="layui-timeline-item">
                    <i class="layui-icon layui-timeline-axis"></i>
                    <div class="layui-timeline-content layui-text">
                        <div class="layui-timeline-title">
                            <h2>2019——更新日志</h2>
                        </div>
                        <ul>
                            <li>
                                <h3 class="timeline-h3">2019.12.30 </h3>
                                <ul>
                                    <li class="timeline-li">[修复] 修复转发接口bug</li>
                                    <li class="timeline-li">[修复] 接口添加订单id</li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </li>

            </ul>
        </div>
    </div>
</div>

<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
    document.querySelector('.api').onclick = function () {
        window.location.href = "../apidoc/index.html";
    };
    document.querySelector('.man').onclick = function () {
        window.location.href = "./login.html";
    };
    let isMin = false;
    let video = document.querySelector('#video');
    let videoBox = $('.video-box');
    let close = $('.video-box i#close');

    close.click(function () {
        videoBox.animate({
            bottom: 50 + 'px',
            right: 50 + 'px',
            width: 400 + 'px',
        })
        videoBox.css({
            transform: 'translate(0) '
        })
        close.hide();
        isMin = true;
    })

    $(video).click(function () {
        if (isMin) {
            videoBox.animate({
                bottom: 50 + '%',
                right: 50 + '%',
                width: 1200 + 'px'
            })
            videoBox.css({
                transform: 'translate(50%,50%) '
            })
            video.play();
            close.show();
            isMin = false;
        }
    })

    $('div.update').click(function () {
        $('div.updateInfo').show();

    });

    $('i.updateInfo-close').click(function () {
        $('div.updateInfo').hide();
    });

</script>
</body>

</html>